import React from "react";
import axios from 'axios';

export default function YiYan() {
    //声明一个函数
    let getMessage =async () => {
        let result = await axios('https://v1.hitokoto.cn/');
        setMsg(result.data.hitokoto);
    }

    //声明一个状态
    let [msg, setMsg] = React.useState('');

    //
    React.useEffect(() => {
        //组件挂载完毕 和 组件更新完毕 相当于是 componentDidMount 与 componentDidUpdate
        getMessage();
        //返回一个新函数  相当于是 componentWillUnmount
        return () => {
            console.log('组件将要卸载');
        }
    }, []);// 第二个参数设置, 『哪些状态』改变之后, 会执行回调

    return (
        <div>
            <h2>{msg} </h2>
            <button onClick={getMessage}>更新</button>
        </div>
    );
}
